<style scoped>

  .tableCss {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
  }
  .tableCss tr td {
    padding: 0 10px;
    line-height: 34px;
    text-align: left;
    border: 1px solid #ccc;
  }
  .bg {
    background: #eee;
    text-align: right !important;
    width: 150px;
  }
</style>
<template>
  <div>
    <table class="tableCss">
      <tbody>
      <tr>
        <td class="bg">采购组织:</td>
        <td>{{SubentryComparisonData.purOrgName}}</td>
        <td class="bg">报价模版:</td>
        <td>{{SubentryComparisonData.templateType}}</td>
        <td class="bg">物料编码:</td>
        <td>{{SubentryComparisonData.materialCode}}</td>
      </tr>
      <tr>
        <td class="bg">物料名称：</td>
        <td>{{SubentryComparisonData.materialName}}</td>
        <td class="bg">预计采购数量：</td>
        <td colspan="3"></td>
      </tr>
      </tbody>
    </table>
    <br><br>
    <el-table :data="tableData" height="300" border tooltip-effect="dark">
      <el-table-column width="140":show-overflow-tooltip="true" prop="vendorName" fixed label="供应商名称" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="taxPrice" fixed label="含税单价" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="noTaxRateTotalFee" label="不含税价格" ></el-table-column>
      <el-table-column width="160":show-overflow-tooltip="true" prop="mainMaterialsFee" label="主材料费(不含税)" ></el-table-column>
      <el-table-column width="160":show-overflow-tooltip="true" prop="additionalCostFee" label="附加材料费(不含税)" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="materialSubtotal" label="材料费小计" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="mainProcessingFee" label=" 主加工费(不含税)" ></el-table-column>
      <el-table-column width="160":show-overflow-tooltip="true" prop="additionalProcessingFee" label=" 附加加工费(不含税)" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="processingFeeSubtotal" label=" 加工费小计" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="packingExpenseFee" label=" 包装费(不含税)" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="freightFee" label="运费(不含税)" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="manageFee" label=" 其他费用" ></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="profitFee" label=" 利润"></el-table-column>
      <el-table-column width="140":show-overflow-tooltip="true" prop="taxPrice" label=" 税费"></el-table-column>
    </el-table>
  </div>
</template>
<script>
  import axios from 'axios';

  export default {
    data() {
      return {
        arr: [],
        tableData: [],
        handleClose: '',
      }
    },
    props: ['SubentryComparisonData'],
    created() {
      let curl = this.lib.config.host.rfq + '/ctmgt/rfq/enquiry/compare/itemCompare/loadData/' + this.SubentryComparisonData.enquiryId + '/' + this.SubentryComparisonData.id      //分项对比
      this.axios.post(curl, '').then((res) => {
        console.log(res)
        this.tableData = res.data
        if (res.data.success) {

        }
      })
    },

  }

</script>


